<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .one{
            border-collapse: collapse;
            height: 500px;
            width:  1000px;
            /* border: 1px solid; */
        }
        .two{
            height: 50px;
            width: 200px;
        }
        .three{
            border-collapse: collapse;
            height: 500px;
            width: 700px;
            margin:0  auto;
            padding: 0;
        }
        .four{
            text-align:center;
        }

    </style>
</head>

<body>
    <div>
        <table class="one" border="1">
            <tr>
                <td> </td>
                <td colspan="3"> </td>
                <td> </td>
            </tr>
            <tr>
                <td rowspan="3"> </td>
                <td> </td>
                <td> </td>
                <td> </td>
                <td> </td>
            </tr>
            <tr>
                <td> </td>
                <td colspan="2" rowspan="2"> </td>
                <td> </td>
            </tr>
            <tr>
                <td> </td>
                <td> </td>
            </tr>
            <tr>
                <td> </td>
                <td> </td>
                <td> </td>
                <td> </td>
                <td> </td>
            </tr>

        </table>
    </div>
    <br>
    <br>
    <input type="text" placeholder="用户名" value="111">
    <input type="password">
    <br>
    <input type="radio" name="sex" value="0" checked="true">男
    <input type="radio" name="sex" value="1">女
    <br>
    <input type="checkbox" name="link" value="0" checked="true">读书
    <input type="checkbox" name="link" value="1">体育
    <input type="checkbox" name="link" value="2">游戏
    <br>
    <br>
    <br>
    <div >
        <table class="three"  border="1">
            <tr>
                <td>用户名</td>
                <td>
                    <input type="text" value="111" placeholder="用户名">
                </td>
            </tr>
            <tr>
                <td>密码</td>
                <td><input type="password"></td>
            </tr>
            <tr>
                <td>Email</td>
                <td>
                    <input type="text">
                </td>
            </tr>
            <tr>
                <td>姓名</td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td>手机号</td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td>sex</td>
                <td>
                    <input type="radio" name="sex" id="0">男
                    <input type="radio" name="sex" id="1">女
                </td>
            </tr>
            <tr>
                <td>出生日期</td>
                <td>
                    <input type="text">
                </td>
            </tr>
            <tr>
                <td>验证码</td>
                <td>
                    <input type="text">
                    <img src="./R-C.png" class="two">
                </td>
            </tr>
            <tr>
                <td colspan="2" class="four">
                    <button type="submit">
                        <img src="./R-C.png" class="two">
                    </button>
                </td>
            </tr>
        </table>
    
    </div>
</body>

</html>